<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="../templates/general.xhtml">
	<ui:define name="cuerpo">

		<h:form id="dataForm" prependId="false">
			<p:growl id="growl" showDetail="false" sticky="false" life="6000" />
			<p:panel id="data" toggleable="true" toggleSpeed="250">
				<f:facet name="header">
					<h:outputText
						value="#{plantillaController.opcion} plantilla de mantenimiento" />
				</f:facet>
				<p:panel styleClass="bgColoredPanel">
					<p:panelGrid style="width: 100%;" styleClass="ui-custompanelgrid">

						<p:row>
							<p:column style="width: 10%;">
								<p:outputLabel value="Nombre de plantilla" style="width: 5%;">
								</p:outputLabel>
							</p:column>
							<p:column style="width: 60%;">
								<p:inputText styleClass="uppercase" required="false"
									value="#{plantillaController.plantillaDTO.descripcion}"
									maxlength="100" id="plantillaDescripcionId"
									style="width: 100%;"></p:inputText>
							</p:column>
							<p:column style="width: 40%;">
								<p:message id="plantillaDescripcionIdMsg"
									for="plantillaDescripcionId" showSummary="true"
									showDetail="false" />
							</p:column>
						</p:row>
						<p:row>
							<p:column style="width: 10%;">
								<p:outputLabel value="Régimen" style="width: 5%;"></p:outputLabel>
							</p:column>
							<p:column style="width: 60%;">

								<p:selectOneRadio id="regimenId"
									disabled="#{plantillaController.switchActualizar}"
									value="#{plantillaController.plantillaDTO.regimenId}"
									style="width: 100%;">
									<f:selectItem itemLabel="Por Tiempo" itemValue="1" />

									<f:selectItem itemLabel="Por Recorrido" itemValue="2" />
								</p:selectOneRadio>

							</p:column>
							<p:column style="width: 40%;">
								<p:message id="regimenIdMsg" for="regimenId" showSummary="true"
									showDetail="false" />
							</p:column>
						</p:row>
					</p:panelGrid>
				</p:panel>




				<p:panel style="margin-bottom:5px;" styleClass="bgColoredPanel">
					<p:panelGrid style="width: 100%;" styleClass="ui-custompanelgrid">
						<p:row>
							<p:column style="width: 50%;">
								<h:outputText value="Lista de actividades"
									styleClass="customTitleBar">
									<p:separator></p:separator>
								</h:outputText>
							</p:column>
							<p:column style="width: 50%;">
								<div align="right">
									<p:commandButton value="Agregar actividad"
										update=":dataForm:data  :actividadDialogForm"
										style="width: 150px;"
										action="#{plantillaController.irNuevoActividadDialog}"></p:commandButton>
								</div>
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputFormat id="noRecordsFound"
									value="Sin actividades registradas"
									rendered="#{!plantillaController.switchDataVisible}">
								</h:outputFormat>
							</p:column>
							<p:column>

							</p:column>
						</p:row>
						<p:row>
							<p:column colspan="2">
								<p:message id="listaPlantillaDetalleDTOIdMsg"
									for="listaPlantillaDetalleDTOId" showSummary="true"
									showDetail="false" />
							</p:column>
						</p:row>
					</p:panelGrid>
					<p:dataTable id="listaPlantillaDetalleDTOId"
						value="#{plantillaController.listaPlantillaDetalleDTO}"
						var="detalle" rendered="#{plantillaController.switchDataTablaActividad}"
						paginatorPosition="bottom" rowKey="#{detalle.plantillaDetalleId}"
						currentPageReportTemplate="Página {currentPage} de {totalPages}"
						resizableColumns="false" paginator="true"
						rowIndexVar="indexDetalle"
						paginatorTemplate=" {CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rowsPerPageTemplate="5,10,25,50" rows="10">

						<p:column headerText="Código" styleClass="center">
							<p:outputLabel value="#{detalle.actividadId}" style="width: 5%;">
							</p:outputLabel>
						</p:column>
						<p:column headerText="Actividad" styleClass="center">
							<p:outputLabel value="#{detalle.actividadDescripcion}"
								style="width: 5%;">
							</p:outputLabel>
						</p:column>
						<p:column headerText="Clasificación" styleClass="center">
							<p:outputLabel value="#{detalle.clasificacionDescripcion}"
								style="width: 5%;">
							</p:outputLabel>
						</p:column>
						<p:column headerText="Frecuencia" styleClass="center">
							<p:outputLabel
								value="Cada #{detalle.frecuencia} #{detalle.unidadFrecuenciaDescripcion}"
								style="width: 5%;">
							</p:outputLabel>
						</p:column>
						<p:column headerText="Prioridad" styleClass="center">
							<p:outputLabel value="#{detalle.prioridadDescripcion}"
								style="width: 5%;">
							</p:outputLabel>
						</p:column>
						<p:column headerText="Opciones">
							<div align="center">
								<p:commandButton value="Modificar"
									action="#{plantillaController.irActualizarActividadDialog}"
									update=":actividadDialogForm">
									<f:setPropertyActionListener value="#{detalle}"
										target="#{plantillaController.plantillaDetalleDTO}" />
								</p:commandButton>
								<p:commandButton value="Eliminar"
									action="#{plantillaController.preEliminarActividad}"
									update=":dataForm:data :deleteForm">
									<f:setPropertyActionListener value="#{detalle}"
										target="#{plantillaController.plantillaDetalleDTO}" />
								</p:commandButton>
							</div>
						</p:column>
					</p:dataTable>
				</p:panel>
				<p:panel styleClass="bgColoredPanel">
					<div align="right">
						<p:commandButton value="Cancelar" style="width: 80px;"
							action="#{plantillaController.cancelar}" process="@this">
							<p:resetInput target="data"></p:resetInput>
						</p:commandButton>

						<p:commandButton value="#{plantillaController.opcion}"
							update=":dataForm:data" style="width: 80px;"
							action="#{plantillaController.insertar}">
						</p:commandButton>
					</div>
				</p:panel>

			</p:panel>
		</h:form>




		<p:dialog id="actividadDialogId" appendToBody="true" width="60%"
			closable="false" modal="true"
			visible="#{plantillaController.switchMostrarActividadDialog}"
			widgetVar="actividadDialog" dynamic="true" resizable="true"
			showEffect="puff" hideEffect="puff">
			<p:ajax event="close"
				listener="#{plantillaController.cerrarActividadDialog}" />
			<p:outputPanel id="actividadDialogOutputPanel">
				<h:form id="actividadDialogForm" enctype="multipart/form-data">
					<p:panel>
						<h:outputText
							value="#{plantillaController.opcionActividad} actividad"
							styleClass="customTitleBar">
							<p:separator></p:separator>
						</h:outputText>
						<p:panelGrid id="actividadDialogPanelGrid" style="width: 100%;"
							styleClass="ui-custompanelgrid">

							<p:row>
								<p:column style="width:10%;">
									<p:outputLabel value="Actividad"></p:outputLabel>
								</p:column>
								<p:column style="width:50%;" colspan="2">
									<p:selectOneMenu style="width:65%;" id="cboActividadId"
										value="#{plantillaController.plantillaDetalleDTO.actividadId}">
										<f:selectItem itemLabel="Seleccione" itemValue="" />
										<f:selectItems itemLabel="#{actividad.descripcion}"
											itemValue="#{actividad.actividadId}"
											value="#{plantillaController.listaActividadesDTO}"
											var="actividad" />
									</p:selectOneMenu>&nbsp;
									<p:commandButton value="Nueva actividad" action="#{plantillaController.irMaestroActividades}"
										style="width:32%;height:90%;font-size: 10px;vertical-align: top"></p:commandButton>
								</p:column>

								<p:column style="width:40%;">
									<p:message id="cboActividadIdMsg" for="cboActividadId"
										showSummary="true" showDetail="false" />
								</p:column>
							</p:row>
							<p:row>
								<p:column style="width:10%;">
									<p:outputLabel value="Frecuencia"></p:outputLabel>
								</p:column>
								<p:column style="width:10%;">
									<p:inputText style="width:100%;" id="intervaloId"
										value="#{plantillaController.plantillaDetalleDTO.frecuencia}"
										styleClass="center" maxlength="1">
										<pe:keyFilter for="intervaloId" mask="num" />
									</p:inputText>
								</p:column>
								<p:column style="width:40%;">
									<p:selectOneMenu id="regimenFechaId"
										rendered="#{plantillaController.plantillaDTO.regimenId eq '2' ? 'false' : 'true'}"
										value="#{plantillaController.plantillaDetalleDTO.unidadFrecuenciaId}"
										style="width: 100%;">
										<f:selectItem itemLabel="Seleccione" itemValue="" />
										<f:selectItem itemLabel="Días" itemValue="1" />
										<f:selectItem itemLabel="Semanas" itemValue="2" />
										<f:selectItem itemLabel="Meses" itemValue="3" />
										<f:selectItem itemLabel="Semestres" itemValue="4" />
										<f:selectItem itemLabel="Años" itemValue="5" />
									</p:selectOneMenu>

									<p:selectOneMenu id="regimenLecturaId"
										rendered="#{plantillaController.plantillaDTO.regimenId eq '2' ? 'true' : 'false'}"
										value="#{plantillaController.plantillaDetalleDTO.unidadFrecuenciaId}"
										style="width: 100%;">
										<f:selectItem itemLabel="Seleccione" itemValue="" />
										<f:selectItem itemLabel="Kilómetros" itemValue="1" />
										<f:selectItem itemLabel="Millas" itemValue="2" />
									</p:selectOneMenu>
								</p:column>

								<p:column style="width:40%;">
									<p:message id="intervaloIdMsg" for="intervaloId"
										showSummary="true" showDetail="false" />
									<p:message id="regimenFechaIdMsg" for="regimenFechaId"
										showSummary="true" showDetail="false" />
									<p:message id="regimenLecturaIdMsg" for="regimenLecturaId"
										showSummary="true" showDetail="false" />
								</p:column>
							</p:row>
							<p:row>
								<p:column style="width:10%;">
									<p:outputLabel value="Prioridad"></p:outputLabel>
								</p:column>
								<p:column style="width:50%;" colspan="2">
									<p:selectOneRadio id="prioridadId"
										value="#{plantillaController.plantillaDetalleDTO.prioridadId}"
										style="width: 100%;">>
										<f:selectItem itemLabel="Baja" itemValue="1" />
										<f:selectItem itemLabel="Media" itemValue="2" />
										<f:selectItem itemLabel="Alta" itemValue="3" />
									</p:selectOneRadio>
								</p:column>

								<p:column style="width:40%;">
									<p:message id="prioridadIdMsg" for="prioridadId"
										showSummary="true" showDetail="false" />
								</p:column>

							</p:row>
						</p:panelGrid>
					</p:panel>
					<p:panel>
						<div align="center">
							<p:panel>
								<p:commandButton value="Aceptar" id="btnAceptar"
									update="actividadDialogForm  :dataForm:data"
									action="#{plantillaController.aceptarActividad}">
								</p:commandButton>
								<p:commandButton value="Cancelar" style="width: 80px;"
									update="actividadDialogForm  :dataForm:data"
									action="#{plantillaController.cerrarActividadDialog}"
									process="@this">
									<p:resetInput target="actividadDialogPanelGrid"></p:resetInput>
								</p:commandButton>
							</p:panel>
						</div>
					</p:panel>
				</h:form>
			</p:outputPanel>
		</p:dialog>



		<p:confirmDialog id="deleteActividadDialogId" appendToBody="true"
			style="width: 100%;" closable="false"
			widgetVar="deleteActividadDialog" message="Atención! está seguro de:"
			showEffect="fade" hideEffect="explode" header="Confirmar"
			severity="alarm">
			<p:outputPanel id="deletePanel">
				<p:outputLabel value="Eliminar la actividad seleccionada?"></p:outputLabel>
				<h:form id="deleteForm">
					<div align="center">
						<p:commandButton id="deleteYesButton" value="Si"
							action="#{plantillaController.removerActividad}"
							update=":dataForm:data " />
						<p:commandButton id="deleteNoButton" value="No"
							onclick="deleteActividadDialog.hide()" type="button" />
					</div>
				</h:form>
			</p:outputPanel>
		</p:confirmDialog>


	</ui:define>
</ui:composition>
</html>

